<template>
  <div>
      <!-- <navs></navs> -->
      <navtwo>
        <span slot="one" @click="one(1)">热映口碑榜</span>
        <span slot="two" @click="two(2)">最受期待榜</span>
        <span slot="three" @click="three(3)">国内票房榜</span>
        <span slot="four" @click="four(4)">北美票房榜</span>
        <span slot="five" @click="five(5)">Top100榜</span>
      </navtwo>

      <!-- <listTopChina></listTopChina> -->
      <router-view></router-view>
      <footers></footers>
  </div>
</template>

<script>
import navs from '../components/navHeard'
import navtwo from '../components/listtop/navSlotwo'
// import listTopChina from '../components/listtop/listTopChina'
import footers from '../components/footer'
export default {
  name: "listTop",
  data() {
    return {
        showIndex:false
    };
  },
  methods: {
      one(id){
        this.$router.push('/listop/listTopOne')
      },
      two(id){
        this.$router.push('/listop/listTopTwo')
      },
      three(id){
        this.$router.push('/listop/listTopTwo')
      },
      four(id){
        this.$router.push('/listop/listTopTwo')
      },
      five(id){
        this.$router.push('/listop/listTopOne')
      }
  },
  components: {
    navs,
    navtwo,
    // listTopChina,
    footers
  },
};
</script>

<style lang="scss" scoped>

</style>
